<!DOCTYPE html>

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="{{ site.lang }}"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="{{ site.lang }}"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="{{ site.lang }}"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="{{ site.lang }}"> <!--<![endif]-->

<head>
    <!-- 引入common/meta.html-->
    {% include common/meta.html %}
    <link href='{{ site.baseurl }}/assets/stylesheets/home.css' rel="stylesheet" type="text/css">
    <!-- 引入common/libraries.html -->
    {% include common/libraries.html %}
</head>

<body>
    <!-- <ul id="menu">
        <li data-menuanchor="bio"><a href="#bio">Biography</a></li>
        <li data-menuanchor="social"><a href="#social">Social Links</a></li>
    </ul> -->

    <!-- 首页第一个界面 -->
    <div id="section0" class="section" data-name="fmain">
        <!-- 导入common/notices.html -->
        {% include common/notices.html %}
        <div class="headings animated fadeInLeft">
            {% if site.home.section1 %}{{ site.home.section1 }}{% endif %} {% if site.home.section2 %}{{ site.home.section2 }}{% endif
            %} {% if site.home.section3 %}{{ site.home.section3 }}{% endif %}
        </div>
        <a class="btn-continue animated bounce" title="{{ site.data.i18n[site.lang].more }}" href="#life"></a>
    </div>
    <div id="section1" class="section" data-name="life">
        <h1>Life,</h1>
        <div class="headings animated fadeInLeft">
            {% if site.home.section3 %}{{ site.home.section3 }}{% endif %}
        </div>
        <a class="btn-continue animated bounce" title="{{ site.data.i18n[site.lang].more }}" href="#memory"></a>
    </div>
    <div id="section2" class="section" data-name="memory">
        <h1>Half is memory,</h1>
        <div class="headings animated fadeInLeft">
            {% if site.home.section3 %}{{ site.home.section3 }}{% endif %}
        </div>
        <a class="btn-continue animated bounce" title="{{ site.data.i18n[site.lang].more }}" href="#continue"></a>
    </div>
    <div id="section3" class="section" data-name="continue">
        <h1>Half is continue.</h1>
        <div class="headings animated fadeInLeft">
            {% if site.home.section3 %}{{ site.home.section3 }}{% endif %}
        </div>
    </div>
    <!-- 首页第二个界面 -->
    <!-- <div id="section1" class="section" data-name="social">
        <h1 class="animated hidden">
            <a class="btn-enter btn-light" title="{{ site.data.i18n[site.lang].enter_blog }}" href="{{ site.paths.blog | relative_url }}">{{ site.data.i18n[site.lang].enter_blog }}</a>
        </h1>
        <div class="social-links animated hidden">
            <a class="btn-light ico-rss" href="{{ site.baseurl }}/feed.xml" rel="me" target="_blank" title="feed"></a>
            {% if site.author.email %}
            <a class="btn-light ico-gmail" href="mailto:{{ site.author.email }}" rel="me" target="_blank" title="email"></a>
            {% endif %}
            {% for link in site.author.social_links %}
                {% if link.url %}
                    <a class="btn-light ico-{{ link.name }}" href="{{ link.url }}" rel="me" target="_blank" title="{{ link.name }}"></a>
                {% endif %}
            {% endfor %}
        </div>
    </div> -->
    <!-- 导入首页js -->
    {% include home/scripts.html %}
</body>

</html>
